<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>设备信息详情</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/header.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="css/home_task_con.css" />
    <style>
        .fw-label-tag{
            background: #289FFF;
            color: #fff;
            border-radius: 50%;
            width: 19px;
            height: 19px;
            line-height: 20px;
            text-align: center;
            margin-top: 3.5px;
        }
        .new_tab_active{
            border-bottom: solid 2px #289FFF;
            color: #289FFF;
        }
        .aui-list{
            background-size: 100% 0px;
            border-top: 0;
        }
        .aui-list,.aui-list .aui-list-item{
            padding-left:0;
        }
        .aui-list .aui-list-item-inner{
            padding-right:0;
        }
        .aui-list .aui-list-item:last-child{
            border-bottom:0;
        }
        .new-aui-label{
            padding: 0.25em 0.5em;
        }
        .aui-label-info:after{
            color: #289FFF !important;
            border-color: #289FFF !important;
        }
        .new-aui-label::after{
            border-radius: 4px;
        }
        .work_con_box_time {
            display: flex;
            }
        .marginheight {
            margin-top: 0.5rem;
        }
        .work_con_box_left {
            display: inline-block;
            width: 28%;
            color: #828C9A;
        }
        .work_con_box_right {
            display: inline-block;
            width: 70%;
            color: #344356;
        }

        .work_con_box_right label {
            display: block;
            width: 100%;
        }
        .work_con_box_end_title {
    margin-top: 0.5rem;
    font-size: 0.7rem;
        }

    </style>
</head>

<body>
    <div id="app" v-cloak>
        <section class="aui-content contentBox">
            <div class="aui_list boxarea mb20">
                <div class="work_title">
                    基础信息
                   <span class="typestatus dsl fr">{{form.StatusDesc}}</span>
                </div>
                <div class="pb10">
                    <div class="mt20">
                        <div class="mb10 ">
                            <label class="label-text-width ccc">设备名称</label>
                            <label class="fr">{{form.DeviceName}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">设备类型</label>
                            <label class="fr">{{form.DeviceTypeName}} </label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">设备编码</label>
                            <label class="fr">{{form.DeviceNo}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">规格型号</label>
                            <label class="fr">{{form.ModelNo}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">存放位置</label>
                            <label class="fr">{{form.LocationPlace}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">所属项目</label>
                            <label class="fr">{{form.ProjectName}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">备注</label>
                        </div>
                        <div class="mb10">
                            <label>{{form.Remark}}</label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="proess-select mb20" v-on:click="doOpenDetail()">
                查看详情
                <i v-if="showdetail" class="icon iconfont icon-shangjiantou"></i>
                <i v-if="!showdetail" class="icon iconfont icon-down"></i>
            </div>

            <div v-if="showdetail" class="aui_list boxarea mb20">
                <div  class="work_title">厂家信息</div>
                <div class="ptb10" >
                    <div class="mt20">
                        <div class="mb10 ">
                            <label class="label-text-width ccc">生产厂家</label>
                            <label class="fr">{{form.Supplier}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">生产日期</label>
                            <label class="fr"><span v-text="onDealTime(form.DeliveryDate)"></span></label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">厂家联系人</label>
                            <label class="fr">{{form.SupplierMan}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">厂家联系方式</label>
                            <label class="fr">{{form.SupplierPhone}}</label>
                        </div>
                    </div>
                </div>
            </div>   

            <div v-if="showdetail" class="aui_list boxarea mb20">
                <div  class="work_title">安装信息</div>
                <div class="ptb10" >
                    <div class="mt20">
                        <div class="mb10 ">
                            <label class="label-text-width ccc">安装单位</label>
                            <label class="fr">{{form.MaintainCompanyName}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">安装日期</label>
                            <label class="fr"><span v-text="onDealTime(form.MaintainInstallDate)"></span></label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">安装联系人</label>
                            <label class="fr">{{form.MaintainContactName}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">安装联系方式</label>
                            <label class="fr">{{form.MaintainContactPhone}}</label>
                        </div>
                    </div>
                </div>
            </div>   

            <div v-if="showdetail" class="aui_list boxarea mb20">
                <div  class="work_title">时间节点</div>
                <div class="ptb10" >
                    <div class="mt20">
                        <div class="mb10 ">
                            <label class="label-text-width ccc">购买日期</label>
                            <label class="fr"><span v-text="onDealTime(form.PurchaseDate)"></span></label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">入场日期</label>
                            <label class="fr"><span v-text="onDealTime(form.DdmissionDate)"></span> </label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">验收日期</label>
                            <label class="fr"><span v-text="onDealTime(form.AcceptanceDate)"></span></label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">过保日期</label>
                            <label class="fr"><span v-text="onDealTime(form.GuaranteeEndDate)"></span></label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">报废日期</label>
                            <label class="fr"><span v-text="onDealTime(form.ScrapEndDate)"></span></label>
                        </div>
                    </div>
                </div>
            </div>   

            <div  class="aui_list boxarea mb20">
                <div class="ptb10" >
                    <div class="aui-tab" id="tab">
                        <div class="aui-tab-item" v-on:click="select_tab(1)" v-bind:class="{'new_tab_active':activetab==1}">维保记录</div>
                        <div class="aui-tab-item" v-on:click="select_tab(2)" v-bind:class="{'new_tab_active':activetab==2}">巡检记录</div>
                        <div class="aui-tab-item" v-on:click="select_tab(3)" v-bind:class="{'new_tab_active':activetab==3}">维修工单</div>
                    </div>
                </div>
            </div>   

            <div v-if="activetab==1" class="aui_list boxarea mb20">
                    <ul class="aui-list aui-list-in">
                        <li class="aui-list-item">
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-title"> <span class="aui-font-size-16"><span class="text-grey aui-font-size-16">累计维保次数：</span>{{wbCount}}</span></div>
                                <div class="aui-list-item-right">
                                    <div v-on:click="doOpenMoreRecord(1)" class="text-blue" >查看更多</div>
                                </div>
                            </div>
                        </li>
                        <li v-on:click="open_details(item)" v-for="item in wblist" class="aui-list-item">
                            <div class="aui-list-item-label-icon">
                                <i class="icon iconfont icon-shijian text-grey"></i>
                            </div>
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-title"><span>{{item.TaskTimeDesc}}</span></div>
                                <div class="aui-list-item-right">
                                    <div v-if="!item.IsInvalidComplete" class="aui-label aui-label-info aui-label-outlined new-aui-label">{{item.IsInvalidCompleteDesc}}</div>
                                    <div v-else class="aui-label aui-label-danger aui-label-outlined new-aui-label">{{item.IsInvalidCompleteDesc}}</div>
                                </div>
                            </div>
                        </li>
                    </ul>
            </div>   
            <div v-if="activetab==2" class="aui_list boxarea mb20">
                <ul class="aui-list aui-list-in">
                    <li class="aui-list-item">
                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-title"> <span class="aui-font-size-16"><span class="text-grey aui-font-size-16">累计巡检次数：</span>{{xjCount}}</span></div>
                            <div class="aui-list-item-right">
                                <div v-on:click="doOpenMoreRecord(2)" class="text-blue" >查看更多</div>
                            </div>
                        </div>
                    </li>
                    <li v-on:click="open_details(item)" v-for="item in xjlist" class="aui-list-item">
                        <div class="aui-list-item-label-icon">
                            <i class="icon iconfont icon-shijian text-grey"></i>
                        </div>
                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-title"><span>{{item.TaskTimeDesc}}</span></div>
                            <div class="aui-list-item-right">
                                <div v-if="!item.IsInvalidComplete" class="aui-label aui-label-info aui-label-outlined new-aui-label">{{item.IsInvalidCompleteDesc}}</div>
                                <div v-else class="aui-label aui-label-danger aui-label-outlined new-aui-label">{{item.IsInvalidCompleteDesc}}</div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>   
            <div v-if="activetab==3" class="aui_list boxarea mb20">
                <div class="ptb10" >
                    <div v-on:click="open_details(item)" v-for="item in wxlist" class="aui-padded-b-15">
                            <div v-on:click="openGongdan(item)" class="work_con_box">
                                <div class="workheader aui-margin-b-15">
                                    <div class="work_title_add ellipsis_one fl" style="font-weight: bold;width: 60%;">
                                        {{item.NumberNote}}</div>
                                    <div v-if="item.Type==1" class="typestatus dsl" style="width: 60px;" >一般维修</div>
                                    <div v-if="item.Type==2" class="typestatus yczs" style="width: 60px;">重大维修</div>
                                </div>
                                <div class="work_con_box_time marginheight">
                                    <div class="work_con_box_left">所属项目：</div>
                                    <div class="work_con_box_right">
                                        <label>{{item.ProjectName}}</label>
                                    </div>
                                </div>
                                <div class="work_con_box_time marginheight">
                                    <div class="work_con_box_left">报修人：</div>
                                    <div class="work_con_box_right">
                                        <label>{{item.WriteUserName}}</label>
                                    </div>
                                </div>
                                <div class="work_con_box_time marginheight">
                                    <div class="work_con_box_left">报修时间：</div>
                                    <div class="work_con_box_right">
                                        <label>{{item.WriteDateDesc}}</label>
                                    </div>
                                </div>
                                <div class="work_con_box_time marginheight">
                                    <div class="work_con_box_left">问题描述：</div>
                                    <div class="work_con_box_right">
                                        <label
                                            style="overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;">{{item.ServiceContent}}</label>
                                    </div>
                                </div>
                            </div>
                    </div>
                    <div class="noinfo aui-padded-t-15 aui-padded-b-15" id="noorder" v-if="wxlist.length<=0">
                        <img src="../image/index/noinfomsg_icon.png" alt="" />
                        <h5><br />暂无相关信息</h5>
                    </div>
                </div>
            </div>  

            <div class="notodayList" style="background:none;">
                没有更多内容
            </div> 

            <div class="aui_bottom">
                <div class="aui_bottombtn" v-on:click="doRecordAdd()">手动添加工作记录</div>
            </div>
        </section>
    </div>
  
</body>
<script type="text/javascript " src="../script/api.js"></script>
<script type="text/javascript " src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript " src="js/equipment_homedetail.js"></script>

</html>
